<div class="modal fade" id="ActivityModal{{$activity->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">活动详情</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="info">
          <img src="{{$activity->img}}" alt="" style="max-width:360px">
          <h4 class="info-title">{{$activity->title}}</h4>
          <div class="dropdown-divider"></div><br>
          <p>于 <strong class="text-warning">{{$activity->deadline}}</strong> 截止报名</p>
          <p>于 <strong class="text-primary">{{$activity->deadline}}</strong> 活动开始</p>
          <p>于 <strong class="text-primary">{{$activity->deadline}}</strong> 活动结束</p>
        </div>
      </div>
      <div class="modal-footer justify-content-center">
        <a href="#" class="btn btn-primary btn-link btn-wd btn-lg" data-dismiss="modal">知道了</a>
      </div>
    </div>
  </div>
</div>
